<nz-tabset>
  <nz-tab nzTitle="基本信息">
    <nz-card [nzBordered]="false">
      <nz-card size="large" title="楼栋照片">
        <span class="title">楼栋照片</span>
        <ul>
          <li class="imgItem" *ngFor="let item of imgArray">
            <app-img-preview [imgUrl]="item"></app-img-preview>
          </li>
        </ul>
      </nz-card>
      <nz-card size="large" title="楼栋信息">
        <span class="title">楼栋信息</span>
        <sv-container [col]="2" [size]="'large'" [labelWidth]="200">
          <ng-container *ngFor="let item of itemArray">
            <sv *ngIf="!item.items" [label]="item.title">{{param[item.index]}}</sv>
            <sv *ngIf="item.items" [label]="item.title">{{item.items[param[item.index]]}}</sv>
          </ng-container>
        </sv-container>
      </nz-card>
    </nz-card>
  </nz-tab>
  <nz-tab nzTitle="主机管理">
    <app-table-page [config]="config1">
    </app-table-page>
  </nz-tab>
  <nz-tab nzTitle="管理员设置">
    <app-table-page [config]="config2">
    </app-table-page>
  </nz-tab>
  <nz-tab nzTitle="房间管理">
    <app-table-page [tmp]="roomStatistics" [config]="config3">
      <ng-template #roomStatistics>
        <div class="text-right px-lg">
          <span>楼层数：</span>
          <span class="text-primary mx-md">{{param.houseFloors}}</span>
          <span>房间数：</span>
          <span class="text-primary mx-md">{{param.houseRooms}}</span>
        </div>
      </ng-template>
    </app-table-page>
  </nz-tab>
  <nz-tab nzTitle="人员管理">

    <app-table-page [config]="config4" [tmp]="peopleStatistics">
      <ng-template #peopleStatistics>
        <div class="text-right px-lg">
          <span>总人数：</span>
          <span class="text-primary mx-md">{{statistics.peopelNum}}</span>
          <span>智能门卡：</span>
          <span class="text-primary mx-md">{{statistics.card}}</span>
          <span>APP：</span>
          <span class="text-primary mx-md">{{statistics.app}}</span>
        </div>
      </ng-template>
    </app-table-page>
  </nz-tab>
</nz-tabset>
